<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>充电站管理</title>
    <link href="../../../static/lib/css/style.min862f.css" rel="stylesheet">
	<link rel="stylesheet" href="../../../static/lib/css/font-awesome-4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="../../../static/lib/plugins/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="../../../static/lib/plugins/bootstrap-table/bootstrap-table.min.css">
	<link rel="stylesheet" href="../../../static/lib/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
	<link rel="stylesheet" href="../../../static/lib/plugins/layer/layer.css">
	<link rel="stylesheet" href="../../../static/lib/plugins/bootstrap-validator/css/bootstrapValidator.min.css">
	<link rel="stylesheet" href="../../../static/lib/plugins/datepicker/datepicker3.css">
	<link rel="stylesheet" href="../../../static/lib/plugins/tab-nth/jquery.scrollbar.min.css">
	<link rel="stylesheet" href="../../../static/lib/plugins/tab-nth/nth.tabs.css">
	<link rel="stylesheet" href="../../../static/lib/plugins/jsTree/themes/default/style.min.css">
	<link rel="stylesheet" href="../../../static/lib/plugins/bootstrap-select/css/bootstrap-select.css">




	<!-- 自定义公共样式 -->
	<link rel="stylesheet" href="../../../common/css/common.css">
	<script type="text/javascript" src="../../../static/lib/plugins/jQuery/jquery-2.2.3.min.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/bootstrap-table/bootstrap-table.min.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/bootstrap-datetimepicker/locales/bootstrap-datetimepicker.zh-CN.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/layer/layer.min.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/bootstrap-validator/js/bootstrapValidator.min.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/bootstrap-validator/js/language/zh_CN.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/datepicker/bootstrap-datepicker.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/tab-nth/jquery.scrollbar.min.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/tab-nth/nth.tabs.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/jsTree/jstree.js"></script>
	<script type="text/javascript" src="../../../static/lib/plugins/bootstrap-select/js/bootstrap-select.js"></script>
	<script type="text/javascript" src="../../../common/js/common.js"></script>
	<script type="text/javascript" src="../../../static/js/public.js"></script>
	<script type="text/javascript" src="../../../common/js/select.js"></script>
</head>
<body class="gray-bg">
<div class="panel-body" style="padding-bottom: 0px;">
	<div class="panel panel-default">
		<div class="panel-heading">
			<h4 class="panel-title">
				<a data-toggle="collapse" data-parent="#accordion" href="#queryDiv" style="color: #337ab7;">
					查询条件
				</a>
			</h4>
		</div>
		<div id="queryDiv" class="panel-collapse collapse in">
			<div class="panel-body">
				<div class="col-md-12 form-searchInput">
					<div class=" col-md-12 input-space clearfix">
						<div class="form-group col-md-4 col-sm-4 col-xs-4">
							<label class="label-width6">充电站名:</label>
							<input maxlength="50" type="text" class="form-control" id="stationName" placeholder="充电站名">
						</div>
						<div class="form-group col-md-4 col-sm-4 col-xs-4">
							<label class="label-width6">站编码:</label>
							<input maxlength="50" type="text" class="form-control" id="stationNo" placeholder="站编码">
						</div>
						<div class="form-group col-md-4 col-sm-4 col-xs-4">
							<label class="label-width6">站地址:</label>
							<input maxlength="50" type="text" id="stationAddress" class="form-control" placeholder="站地址">
						</div>
					</div>
					<div class="form-group col-md-12 input-space clearfix">
						<div class="col-md-4 col-sm-4 col-xs-4">
							<label class="label-width6">站状态:</label>
							<select class="form-control selectpicker"  id="stationStatus" data-live-search="true">
								<option value="">--请选择--</option>
								<option value="3">运行</option>
								<option value="8">维护</option>
								<option value="10">停运</option>
								<option value="11">退运</option>
								<option value="2">待投运</option>
							</select>
						</div>
						<div class="col-md-4 col-sm-4 col-xs-4">
							<label class="label-width6">开始日期:</label>
							<input type="text" class="form-control" id="startTime">
						</div>
						<div class="col-md-4 col-sm-4 col-xs-4">
							<label class="label-width6">结束日期:</label>
							<input type="text" class="form-control" id="endTime">
						</div>
					</div>
					<div class="form-group col-md-12 input-space clearfix">
						<div class="col-md-4 col-sm-4 col-xs-4">
							<label class="label-width6">组织机构:</label>
							<input type="text" class="form-control" id="provinceCityPart" readonly style="border-radius: 4px 0px 0px 4px;width: 58%;"><button id="provinceClick" class="btn btn-info" style="border-radius: 0px 4px 4px 0px;vertical-align: top;width: 12%"><i class="	fa fa-search"></i></button>
						</div>
						<div class="col-md-4 col-sm-4 col-xs-4">
							<label class="label-width6">运维单位:</label>
							<input type="text" class="form-control" id="managerorgName" readonly style="border-radius: 4px 0px 0px 4px;width: 58%;"><button id="managerorgClick" class="btn btn-info" style="border-radius: 0px 4px 4px 0px; vertical-align: top;width: 12%"><i class="	fa fa-search"></i></button>
						</div>
						<div class="col-md-4 col-sm-4 col-xs-4">
							<label class="label-width6">产权单位:</label>
							<input type="text" class="form-control" id="prorgcodeName" readonly style="border-radius: 4px 0px 0px 4px;width: 58%;"><button id="prorgcodeClick" class="btn btn-info" style="border-radius: 0px 4px 4px 0px; vertical-align: top;width: 12%;"><i class="	fa fa-search"></i></button>
						</div>
					</div>
					<div class="form-group col-md-12 input-space clearfix">
						<div class="col-md-4 col-sm-4 col-xs-4">
							<label class="label-width6">是否三方:</label>
							<select class="form-control" id="isThird" >
								<option value="">--请选择--</option>
								<option value="0">否</option><!--0,1-->
								<option value="1">是</option><!--234-->
							</select>
						</div>
						<div class="col-md-4 col-sm-4 col-xs-4"></div>
						<div class="col-md-2 col-sm-2 col-xs-2 pull-right">
							<button type="button" class="btn btn-primary pull-right" id="btnEmpty">置空</button>
							<button type="button" class="btn btn-primary pull-right mar-right" id="btnQuery">查询</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="tab_list">
			<table id="tb_ads"></table>
		</div>
	</div>
</div>
<!--查看详情-->
<div class="station_detail" id="stationDetailDiv" style="display: none">
	<div class="panel">
		<div class="panel-body">
			<form name="stationForm" id="stationForm">
			<fieldset class="col-md-12 ">
				<legend>
					<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">站信息</a>
					<input type="hidden" id="uuid"/>
				</legend>
				<div id="collapseOne" class="panel-collapse collapse in">
					<div class="panel-body">
						<div class="col-md-12 input-space clearfix">
							<div class="col-md-4 col-sm-4 col-xs-4 form-group">
								<label class="label-width6">充电站名*:</label>
								<input type="text" class="form-control" name="name" id="name" placeholder="请输入充电站名称">
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 form-group">
								<label class="label-width6">详细地址:</label>
								<input type="text" class="form-control" id="detailAddress" placeholder="请输入充电站地址">
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 form-group">
								<label class="label-width6" title="所在行政机构，直辖市精确到地区，其他精确到乡县级">所在省市*:</label>
								<input class="form-control" id="cityCompany" readonly placeholder="请点击选择行政机构，省市机构必选" style="cursor: pointer;"/>
							</div>
						</div>
						<div class="col-md-12 input-space clearfix">
							<div class=" col-md-4 col-sm-4 col-xs-4 form-group">
								<label class="label-width6" title="资产系统标识所在机构，省市机构必选">所在机构*:</label>
								<input class="form-control" id="orgCode" readonly placeholder="请点击选择所在机构，省市机构必选" style="cursor: pointer;"/>
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 form-group">
								<label class="label-width6" title="运维工单处理机构，省市机构必选">运维单位*:</label>
								<input class="form-control" id="managerorgCode" readonly placeholder="请点击运维单位，省市机构必选" style="cursor: pointer"/>
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 form-group">
								<label class="label-width6" title="清分结算机构">产权单位*:</label>
								<input class="form-control" id="prorgCode" readonly placeholder="请点击选择产权单位" style="cursor: pointer;"/>
							</div>
						</div>
						<div class="col-md-12 input-space clearfix">
							<div class=" col-md-4 col-sm-4 col-xs-4 form-group">
								<label class="label-width6">经度*:</label>
								<input type="number"  id="lat" class="form-control" placeholder="请输入经度">
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 form-group">
								<label class="label-width6">纬度*:</label>
								<input type="number"  id="lng" class="form-control" placeholder="请输入纬度">
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 form-group">
								<label class="label-width6">海拔高度*:</label>
								<input type="number"  id="altitude" class="form-control" placeholder="请输入海拔高度">
							</div>
						</div>
						<div class="col-md-12 input-space clearfix">
							<div class=" col-md-4 col-sm-4 col-xs-4 form-group">
								<label class="label-width6">接入方式*:</label>
								<select class="form-control" id="isThirdInfo">
									<optgroup label="国网">
										<option value="0" selected>国网-通过系统桩注册方式接入</option>
										<option value="1">国网-通过系统内第三方平台接入</option>
									</optgroup>
									<optgroup label="第三方">
										<option value="2">第三方-通过人工导入方式接入</option>
										<option value="3">第三方-通过第三方平台对接</option>
										<option value="4">第三方-通过系统桩注册方式接入</option>
									</optgroup>
								</select>
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 form-group">
								<label class="label-width6">站点类型*:</label>
								<select class="form-control selectpicker" id="stationType" data-size="10" data-live-search="true">
									<option value="">--请选择--</option>
									<optgroup id="gcc" label="国网">
										<option value="0-1">国网-高速</option>
										<option value="0-2">国网-城市公共</option>
										<option value="0-3">国网-单位内部</option>
										<option value="0-4">国网-公交</option>
										<option value="0-6">国网-出租车</option>
										<option value="0-99">国网-岸电</option>
										<option value="0-5">国网-其他</option>
									</optgroup>
									<optgroup id="third" label="第三方">
										<option value="1-1">第三方-公共</option>
										<option value="1-50">第三方-个人</option>
										<option value="1-100">第三方-公交专用</option>
										<option value="1-101">第三方-环卫专用</option>
										<option value="1-102">第三方-物流专用</option>
										<option value="1-103">第三方-出租车专用</option>
										<option value="1-99">第三方-岸电</option>
										<option value="1-255">第三方-其他</option>
									</optgroup>
								</select>
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 form-group">
								<label class="label-width6" title="高速站必填">高速编码:</label>
								<select id="gsname" class="form-control selectpicker" data-size="10" data-live-search="true"></select>
							</div>
						</div>
						<div class="col-md-12 input-space clearfix">
							<div class=" col-md-4 col-sm-4 col-xs-4 form-group">
								<label class="label-width6">公专用*:</label>
								<select class="form-control" id="useFun">
									<optgroup id="userFun1" label="公用">
										<option value="2-0">公用-对内公开</option>
										<option value="2-1">公用-对外公开</option>
									</optgroup>
									<optgroup id="userFun2" label="专用">
										<option value="1-0">专用-不展示</option>
									</optgroup>
								</select>
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 form-group">
								<label class="label-width6">运营商*:</label>
								<select id="operatorUuid" class="form-control selectpicker" data-size="10" data-live-search="true">
								</select>
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 form-group">
								<label class="label-width1">交易类型*:</label>
								<input type="checkbox" name="tradeTypes" value="1" checked>充电卡
								<input type="checkbox" name="tradeTypes" value="2" checked>二维码
								<input type="checkbox" name="tradeTypes" value="4" checked>账号余额
							</div>
						</div>
						<div class="col-md-12 input-space clearfix">
							<div class=" col-md-4 col-sm-4 col-xs-4 form-group">
								<label class="label-width6">充电标准:</label>
								<select  id="standard" class="form-control selectpicker" multiple data-size="10" data-live-search="true" >
									<option>国标2015</option>
								</select>
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 form-group">
								<label class="label-width6">建设场所:</label>
								<select  id="buildArea" class="form-control selectpicker" data-size="10" data-live-search="true">
									<option value="">--请选择--</option>
									<option value="1"> 居民区</option>
									<option value="2"> 公共机构</option>
									<option value="3"> 企事业单位</option>
									<option value="4"> 写字楼</option>
									<option value="5"> 工业园区</option>
									<option value="6"> 交通枢纽</option>
									<option value="7"> 大型文体设施</option>
									<option value="8"> 城市绿地</option>
									<option value="9"> 大型建筑配建停车场</option>
									<option value="10"> 路边停车位</option>
									<option value="11"> 城际高速服务区</option>
									<option value="255"> 其他</option>
								</select>
							</div>
							<div class=" col-md-4 col-sm-4 col-xs-4 form-group">
								<label class="label-width6">服务电话:</label>
								<input type="text" class="form-control" id="serverPhone">
							</div>
						</div>
						<div class="col-md-12 form-group input-space clearfix">
							<div class=" col-md-4 col-sm-4 col-xs-4" id="stakeDetailAndstationTrace">
								<a href="javascript:;" style="line-height: 34px;" id="stakeDetail">充电桩列表</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                                <a href="javascript:;" style="line-height: 34px;" id="stationTrace">查看操作轨迹</a>
							</div>
						</div>
					</div>
				</div>
			</fieldset>
			<fieldset class="col-md-12 ">
				<legend><a data-toggle="collapse" data-parent="#accordion" href="#collapseStation">停车区信息</a></legend>
				<div id="collapseStation" class="panel-collapse collapse in">
					<button type="button" class="btn btn-primary" id="addParkAreaTabsBtn">添加停车区</button>
					<br>
					<div class="nth-tabs" id="editor-tabs"></div><!--使用时只需此标签，class固定,id自定义-->
				</div>
			</fieldset>
			</form>
		</div>
	</div>
</div>
<!--导出弹窗-->
<div class="export_dialog" style="display: none;"></div>
<!--充电桩查看-->
<div class="stake_detail" id="stakeDetailDiv" style="display: none">
	<div class="col-sm-12">
		<table id="stake_detail"></table>
	</div>
</div>
<!--停车位查看-->
<div class="tab_parking_space" style="display: none">
	<div class="col-sm-12">
		<table id="tab_parking_space"></table>
	</div>
</div>
<div id="toolbar" class="">
	&nbsp;&nbsp;
	<button type="button" class="btn btn-primary mar-right pull-right" id="btnExport" style="display: none">导出Excel</button>
	<button type="button" class="btn btn-danger mar-right pull-right" id="btnDelete" style="display: none">删除</button>
	<button type="button" class="btn btn-warning mar-right pull-right" id="btnRevise" style="display: none">修改</button>
	<button type="button" class="btn btn-primary mar-right pull-right" id="btnAdd" style="display: none">新增</button>
</div>
<!-- 站轨迹 -->
<div id="traceDetail" style="display: none">
    <div class="col-sm-12">
        <div class="wrapper wrapper-content">
            <div class="row animated fadeInRight">
                <div class="col-sm-12">
                    <div class="ibox float-e-margins">
                        <div class="text-center float-e-margins p-md">
                            <span>预览：</span>
                            <a href="javascript:;" class="btn btn-xs btn-primary" id="layoutChange">布局切换</a>
                        </div>
                        <div class="" id="ibox-content">
                            <div id="station-timeline" class="vertical-container light-timeline">
                                暂无记录
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--组织机构选择-->
<div class="provinceCityPartJsTree" style="display: none;">
	<div class="col-md-12 col-sm-12 col-xs-12 " style="margin-top:10px;">
		<div class="col-md-6 col-sm-6 col-xs-6 ">
			<label class="label-width3">查寻:</label>
			<input type="text" class="form-control" id="search_input">
		</div>
		<div class="col-md-12 col-sm-12 col-xs-12 "><div id="jsZtreelayer"></div></div>
	</div>
</div>

<script type="text/javascript" src="../../../static/js/basicdata/station/station_manage.js"></script>
</body>
</html>